//款项统计功能

import React, { Component } from 'react';
import { Icon, Button, Card } from 'antd';

class SumMoney extends Component {

  handleClick = () => {
    const sumList = document.getElementById('sumList');
    if(sumList.style.display === "none"){
      sumList.style.display="block";
    }
    else{
      sumList.style.display="none";
    }
  }

  render() {
    return (
      <Card bordered={false}>
        <div className="sum">
          <div className="sum-list" id="sumList">
            <table className="sum-table">
              <thead>
                <tr>
                  <th>款项</th>
                  <th>金额</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>借款共计</td>
                  <td></td>
                </tr>
                <tr>
                  <td>服务费共计</td>
                  <td></td>
                </tr>
                <tr>
                  <td>借款利息</td>
                  <td></td>
                </tr>
                <tr>
                  <td>还款共计</td>
                  <td></td>
                </tr>
                <tr>
                  <td>违约金共计</td>
                  <td></td>
                </tr>
                <tr>
                  <td>部分还款</td>
                  <td></td>
                </tr>
                <tr>
                  <td>催收还款</td>
                  <td></td>
                </tr>
                <tr>
                  <td>展期费用</td>
                  <td></td>
                </tr>
                <tr>
                  <td>展期服务费</td>
                  <td></td>
                </tr>
              </tbody>
            </table>
          </div>
          <div className="sum-btn">
            <Button type="primary" size="small" onClick={this.handleClick} ghost>
              <Icon type="bulb" />
              款项统计
            </Button>
          </div>
        </div>
      </Card>	
		);
  }
}

export default SumMoney;